<template>
  <ul class="error-messages">
    <template v-for="(messages, field) in errors">
      <li v-for="(message, index) in messages">
        {{ field }} {{ message }}
      </li>
    </template>
  </ul>
</template>

<script>
	export default {
		name: "ErrorsList",
    props: {
			errors: {
				type: Object,
        required: true,
        default: function () {
        	return []
        }
      }
    }
	}
</script>

<style scoped>

</style>